<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style> 
div
{
	width:100px;
	height:100px;
	background:red;
	position:relative;
	animation: move 5s linear infinite;
	
	
}

@keyframes move
{
	0%   { left:0px; top:0px;}
	25%  { left:500px; top:0px;}
	50%  { left:500px; top:500px;}
	75%  { left:0px; top:500px;}
	100% { left:0px; top:0px;}
}


</style>
</head>
<body>


<div></div>

</body>
</html>